<%@page isELIgnored="false" %>
<%@page contentType="text/html;charset=utf-8"%>
<%@include file="../common/taglib.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>当当图书 – 全球最大的中文网上书店</title>
		<%@include file="../common/css.jsp"%>
	</head>
	<body>
		&nbsp;

		<!-- 头部开始 -->
		<%@include file="../common/head.jsp"%>
		<!-- 头部结束 -->

		<div style="width: 962px; margin: auto;">
			<a href="#"><img
					src="<%=request.getContextPath()%>/images/default/book_banner_081203.jpg"
					border="0" /> </a>
		</div>
		<div class='your_position'>
			您现在的位置:&nbsp;
			<a href='main.do'>当当图书</a> &gt;&gt;
			<font style='color: #cc3300'><strong>小说</strong> </font>
		</div>

		<div class="book">

			<!--左栏开始-->
			<div id="left" class="book_left">
				<div id="__fenleiliulan">
					<div class=second_l_border2>
						<h2>
							分类浏览
						</h2>
						<ul>
							<s:iterator value="bookListVO.category.subCategory" id="cat3">
								<!--三级分类开始-->
								<li>
									<div>
										<div class=second_fenlei>
											&middot;
										</div>
										<s:if test="#cat3.id.equals(bookListVO.threeCatId)">
											<div class='second_fenlei3'>
											<s:property value="#cat3.name"/>&nbsp;
											</div>
										</s:if>
										<s:else>
											<div class='second_fenlei'>
												<a href='bookList.action?page=1&order=1&bookListVO.threeCatId=<s:property value="#cat3.id"/>'><s:property value="#cat3.name"/>&nbsp;</a>
											</div>
										</s:else>
									</div>
								</li>
								<div class=clear></div>
							</s:iterator>
							<!--三级分类结束-->
							<li>
								<div></div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!--左栏结束-->

			<!--中栏开始-->
			<div class="book_center">

				<!--图书列表开始-->
				<div id="divRight" class="list_right">
					<div id="book_list" class="list_r_title">
						<div class="list_r_title_text">
						排序方式
						<select id='orderBy' onchange="location='bookList.action?bookListVO.threeCatId=<s:property value='bookListVO.threeCatId'/>&bookListVO.page=1&bookListVO.orderBy='+this.value" size='1' styleClass='list_r_title_ml'>
							<s:iterator value="#request.orderOptions" id="options">
								<option style='color: #c3c3c3' value='<s:property value="#options.key"/>' <s:if test="#options.key.equals(bookListVO.orderBy)">selected="selected"</s:if> >
								<!-- struts2资源化  <s:text name="book.order.default"/>-->
									<s:text name="%{#options.value}"/>
								</option>
							</s:iterator>
						</select>
						</div>
						<div id="divTopPageNavi" class="list_r_title_text3">
						<!--分页导航开始-->
							
						<!--pre  -->
						<s:if test="bookListVO.page>1">
							<div class='list_r_title_text3a'>
								<a name=link_page_next href="bookList.action?bookListVO.threeCatId=<s:property value='bookListVO.threeCatId'/>&bookListVO.page=<s:property value='bookListVO.page-1'/>">
									<img src='<%=request.getContextPath()%>/images/page_up.gif' />
								</a>
							</div>
						</s:if>
						<s:else>
							<div class='list_r_title_text3a'>
								<img
									src='<%=request.getContextPath()%>/images/page_up_gray.gif' />
							</div>
						</s:else>
						
						<div class='list_r_title_text3b'>
							第<s:property value='bookListVO.page'/>页/${totalPages}页
						</div>
						
						<!--next page  -->
						<s:if test="bookListVO.page<#request.totalPages">
							<div class='list_r_title_text3a'>
								<a name=link_page_next href="bookList.action?bookListVO.threeCatId=<s:property value='bookListVO.threeCatId'/>&bookListVO.page=<s:property value='bookListVO.page+1'/>">
									<img src='<%=request.getContextPath()%>/images/page_down.gif' />
								</a>
							</div>
						</s:if>
						<s:else>
							<div class='list_r_title_text3a'>
								<img
									src='<%=request.getContextPath()%>/images/page_down_gray.gif' />
							</div>
						</s:else>
						<!--分页导航结束-->
						</div>
					</div>

					<s:iterator value="bookListVO.bookList">
						<!--商品条目开始-->
						<div class="list_r_list">
							<span class="list_r_list_book"><a name="link_prd_img"
								href='#' target="_blank"><img
										src='<%=request.getContextPath()%>/shop/pic/<s:property value="pic"/>' /> </a> </span>
							<h2>
								<a name="link_prd_name" href='#' target="_blank"><s:property value="name"/></a>
							</h2>
							<h3>
								顾客评分：100
							</h3>
							<h4 class="list_r_list_h4">
								作 者:
								<a target='_blank' href='#' name='作者'><s:property value="author"/></a>
							</h4>
							<h4>
								出版社：
								<a target='_blank' href='#' name='出版社'><s:property value="publishing"/></a>
							</h4>
							<h4>
								出版时间：<s:property value="publishDate"/>
							</h4>
							<h5>
								<s:property value="catalogue"/>
							</h5>
							<div class="clear"></div>
							<h6>
								<span class="del" title="市场价">￥<s:property value="fixedPrice"/></span>&nbsp;&nbsp;
								<span class="red" title="当当价">￥<s:property value="dangPrice"/></span>&nbsp;&nbsp;
								节省：￥<s:property value="fixedPrice-dangPrice"/>
							</h6>
							<span class="list_r_list_button"><a href="javascript:;">
							<img style="float:left;margin-right:16px;" src='<%=request.getContextPath()%>/images/button_gotobuy.png' />
							</a> </span>
							<span class="list_r_list_button"><a href="javascript:;"
								onclick="location='addCartItem.action?cartItemVO.productId=<s:property value="id"/>'"> <img
										src='<%=request.getContextPath()%>/images/button_addcart.png' />
							</a> </span>
						</div>
						<div class="clear"></div>
						<!--商品条目结束-->
					</s:iterator>

					<div class="clear"></div>
					<div  class="fanye_bottom">
					</div>
				</div>
				<!--图书列表结束-->

			</div>
			<!--中栏结束-->
			<div class="clear"></div>
		</div>

		<!--页尾开始 -->
		<%@include file="../common/foot.jsp"%>
		<!--页尾结束 -->
	</body>
</html>
